<template>
    <div class="box1">
        <!-- <film-swiper :key="datalist.length">
            <film-swiper-item v-for="data in datalist" :key="data.id" class="filmswiperitem" :loop="false">
                <img :src="data.imgUrl" alt="" />
            </film-swiper-item>
        </film-swiper> -->
        <film-header>   </film-header>
        <router-view></router-view>
    </div>

</template>
<script>
import filmHeader from '@/mycomponents/films/FilmHeader'
import filmSwiper from '@/mycomponents/films/FilmSwiper'
import filmSwiperItem from '@/mycomponents/films/FilmSwiperItem'
import axios from 'axios'
export default {
  data () {
    return {
      datalist: []
    }
  },
  // mounted () {
  //   axios.get('/banner.json').then(res => {
  //     console.log(res.data)
  //     this.datalist = res.data.banner // 轮播 异常 先暂时关闭
  //   })
  // },
  components: {
    // filmSwiper,
    // filmSwiperItem,
    filmHeader
  }
}
</script>
<style lang="scss" scoped>
.box1{
    height: 41.6875rem
}
.filmswiperitem{
    width: 23.4375rem;
    height: 12rem;
}

</style>
